<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">
<ui:composition template="/pages/template.xhtml">
	<ui:define name="titulo">
		<h:outputText value="#{msgs['titulo.treinamento']}" />
	</ui:define>
	<ui:define name="corpo">
		<h:form id="formCadUser">
			<p:fieldset legend="#{msgs['form.treinamento.tituloCabecalho']}"
				toggleable="true" collapsed="false">
				<h1>
					<h:outputText value="Título" />
				</h1>
				<h3>
					<h:outputText value="subTítulo" />
				</h3>
				<br />

				<p:outputLabel value="#{msgs['form.treinamento.nome']}" for="nome" />
				<p:inputText id="nome" style="width:500px"
					value="#{ErgoController.treinamento.nome}" />
				<p:outputLabel value="#{msgs['form.treinamento.idade']}" for="idade">
				</p:outputLabel>

				<p:inputText id="idade" value="#{ErgoController.treinamento.idade}"
					required="true" style="width:30px"
					converterMessage="#{msgs['erro.validador.numeroinvalido']}">
					<f:convertNumber integerOnly="true" />
					<p:ajax event="blur" update="@form" />
				</p:inputText>
				<br />
				<p:outputLabel value="#{msgs['form.treinamento.obj']}" for="nome" />
				<p:inputTextarea value="" style="width: 100%" />

				<p:outputLabel value="#{msgs['form.treinamento.obs']}" for="nome" />
				<p:inputTextarea value="" style="width: 100%" />
			</p:fieldset>
			<br />
			<p:panelGrid>
				<p:row>
					<p:column style="width:10%">
						<p:outputLabel value="#{msgs['form.treinamento.dataavaliacao']}"
							for="nome" />
					</p:column>
					<p:column style="width:10%">
						<p:inputMask mask="99/99/9999" styleClass="inputdata">
							<f:convertDateTime pattern="dd/MM/yyyy" timeZone="GMT-03:00" />
						</p:inputMask>
					</p:column>
					<p:column style="width:10%">
						<p:outputLabel value="#{msgs['form.treinamento.datainicio']}"
							for="nome" />
					</p:column>
					<p:column style="width:10%">
						<p:inputMask mask="99/99/9999" styleClass="inputdata">
							<f:convertDateTime pattern="dd/MM/yyyy" timeZone="GMT-03:00" />
						</p:inputMask>
					</p:column>
					<p:column style="width:15%">
						<p:outputLabel value="#{msgs['form.treinamento.datareavaliacao']}"
							for="nome" />
					</p:column>
					<p:column style="width:15%">
						<p:inputMask mask="99/99/9999" styleClass="inputdata">
							<f:convertDateTime pattern="dd/MM/yyyy" timeZone="GMT-03:00" />
						</p:inputMask>
					</p:column>
					<p:column style="width:15%">
						<p:outputLabel
							value="#{msgs['form.treinamento.datamudancatreinamento']}"
							for="nome" />
					</p:column>
					<p:column style="width:15%">
						<p:inputMask mask="99/99/9999" styleClass="inputdata">
							<f:convertDateTime pattern="dd/MM/yyyy" timeZone="GMT-03:00" />
						</p:inputMask>
					</p:column>
				</p:row>
				<p:row>
					<p:column colspan="2">
						<p:outputLabel id="frqmax"
							value="#{msgs['form.treinamento.frqmax']}" />
					</p:column>
					<p:column>
						<h:outputText
							value="#{ErgoController.treinamento.frequenciaCardMax}" />
					</p:column>
					<p:column>
						<p:outputLabel value="#{msgs['form.treinamento.frqrep']}" />
					</p:column>
					<p:column colspan="4">
						<p:inputText required="true"
							value="#{ErgoController.treinamento.frequenciaCardiacaRep}"
							requiredMessage="#{msgs['erro.validadir.frqrepobg']}">
							<p:ajax event="blur" update="frequencia velocidade" />
						</p:inputText>
					</p:column>
				</p:row>
				<p:row>
					<p:column>
						<p:outputLabel for="vo2" value="#{msgs['form.treinamento.vo2']}" />
					</p:column>
					<p:column colspan="2">
						<p:inputText id="vo2"
							value="#{ergonometriaController.treinamento.vo2}">
							<f:convertNumber integerOnly="true" />
						</p:inputText>
					</p:column>
					<p:column>
						<p:outputLabel for="gordura"
							value="#{msgs['form.treinamento.gordura']}" />
					</p:column>
					<p:column colspan="4">
						<p:inputText id="gordura"
							value="#{ergonometriaController.treinamento.gordura}">
							<f:convertNumber integerOnly="true" />
						</p:inputText>
					</p:column>
				</p:row>
			</p:panelGrid>

			<p:fieldset id="frequencia"
				legend="#{msgs['form.treinamento.tituloFrequencia']}">

				<ui:repeat var="f" value="#{ErgoController.listFreq}"
					varStatus="status">

					<h:outputText value="#{f.percentual}"
						converter="ConverterPorcentagem" />

					<h:outputText value="#{f.frequeciaCardiaca}" />
					<!-- 						<p:separator rendered="#{status.index eq 3}" /> -->
				</ui:repeat>
				<br />


			</p:fieldset>
			<p:fieldset legend="#{msgs['form.treinamento.titulovelotreino']}">
				<p:panelGrid columns="8" id="velocidade">
					<c:forEach items="#{ErgoController.listVelocTreino}" var="v">
						<h:outputText value="#{v.percentual}"
							converter="ConverterPorcentagem" />
						<h:outputText value="#{v.velocidadeTreino}" />
					</c:forEach>

				</p:panelGrid>

			</p:fieldset>
			<br />
			<p:fieldset id="listaTrinos"
				legend="#{msgs['form.treinamento.titulotreinos']}">
				
				<p:commandLink process="listaTrinos"
					actionListener="#{ErgoController.addTreino}"
					value="#{msgs['form.treinamento.btn.addtreino']}" ajax="true"
					update="listaTrinos" />
				<ui:repeat id="treinos" var="vTreino" value="#{ErgoController.listTreinos}">
					<p:column>
						<p:panel>
							<h:outputText value="#{vTreino.pos}" />
							<p:selectManyCheckbox value="#{vTreino.diasSemana}">
								<f:selectItems value="#{ErgoController.listDiasSemanas}" />
							</p:selectManyCheckbox>
							<h:outputLabel styleClass="ui-outputlabel"
								value="Tipo de treinamento" />

							<p:selectOneMenu value="#{vTreino.tipo}">
								<f:selectItems itemValue="#{tipo.texto}"
									itemLabel="#{tipo.texto}" var="tipo"
									value="#{ErgoController.todosTipoTreinos}" />
							</p:selectOneMenu>
							<br />
							<ui:repeat var="vagrop" value="#{vTreino.agrupamentoAtividade}" varStatus="idx">
								<p:dataTable id="datatableAtv"  var="vatividade" value="#{vagrop.listAtividade}" emptyMessage="#{msgs['form.treinamento.agrupamentosematv']}">
									<p:column headerText="Tempo/KM">
								<h:inputText value="#{vatividade.tempo}" />
									</p:column>
									<p:column headerText="Atividade">
										<h:inputText value="#{vatividade.atividade}" />
									</p:column>
									<p:column headerText="velocidade">
										<h:inputText value="#{vatividade.velocidade}" />
									</p:column>
									<p:column headerText="Carga">
										<h:inputText value="#{vatividade.carga}" />
									</p:column>
									<p:column headerText="Ação" >
									<p:commandLink process=":formCadUser:listaTrinos"
									actionListener="#{ErgoController.excluirtAtv(vagrop,idx.index)}"
									value="X" update=":formCadUser:listaTrinos"
									 ajax="true" />
									</p:column>

								</p:dataTable>
								
								<br />
								<h:outputText value="#{vagrop.repeticao}" />
							</ui:repeat>
							<p:commandLink process=":formCadUser:listaTrinos"
									actionListener="#{ErgoController.addAgruamento(vTreino)}"
									value="#{msgs['form.treinamento.btn.addAgruamento']}"
									 ajax="true" update=":formCadUser:listaTrinos"/>

						</p:panel>

					</p:column>
				</ui:repeat>
			</p:fieldset>
		</h:form>
	</ui:define>
</ui:composition>
</html>
